<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>BlogInfo</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/blogInfo.css">
</head>

<body>
    <div class="home">

        <div class="header  animated fadeIn">
            <div class="box">
                <a href="./index.html" class="logo">
                    <img src="./images/logo.png" alt="">
                </a>
                <div class="links">
                    <div class="item">
                        <a href="./fertility.html" >Understanding Fertility</a>
                        <div class="aList animated fadeIn">
                            <a href="./fertility.html">Fertility assessment</a>
                            <a href="./about.html">About the clinic</a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./treatment.html">Treatment and Services</a>
                        <div class="aList animated fadeIn">
                            <a href="./treatment.html?id=1">Assisted reproduction</a>
                            <a href="./treatment.html?id=2">Fertility preservation</a>
                            <a href="./treatment.html?id=3">3rd party fertility options</a>
                            <a href="./treatment.html?id=4">Gamete transfer in and out</a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./specialists.html">Specialists</a>
                        <div class="aList animated fadeIn">
                            <a href="./specialists.html">Corporate advisor</a>
                            <a href="./specialists.html">International experts</a>
                            <a href="./specialists.html">Clinic specialists</a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./process.html">Service</a>
                        <div class="aList animated fadeIn">
                            <a href="./international.html">International patients</a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./blog.html" class="active">Blog</a>
                        <div class="aList animated fadeIn">
                            <a href="./blog.html">News</a>
                            <a href="./blog.html">Customer stories</a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./contact.html">Contact Us</a>
                        <div class="aList animated fadeIn">
                            <a href="">Customer services</a>
                            <a href="">Reservation Form</a>
                        </div>
                    </div>
                </div>
                <a class="buy" href="./contact.html">
                    booking now
                </a>
                <div class="r">
                    <div class="line"></div>
                    <div class="search" id="doSearch">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                            <circle cx="11" cy="11" r="10" stroke="#6456A3" stroke-width="2" />
                            <line x1="18.4407" y1="18.4911" x2="23.2404" y2="23.2907" stroke="#6456A3"
                                stroke-width="2" />
                        </svg>
                    </div>
                    <div class="lan">
                        <div class="t1">
                            <img src="./images/ball.svg" alt="">
                            <p>EN</p>
                        </div>
                        <div class="chose animated fadeIn">
                            <a href="">泰语</a>
                            <a href="">老挝</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                    <img src="./images/logo.png" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="lan">
                <a href="">泰语</a>
                <a href="">老挝</a>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./fertility.html">Understanding Fertility</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./fertility.html">Fertility assessment</a>
                    <a href="./about.html">About the clinic</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./treatment.html">Treatment and Services</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./treatment.html?id=1">Assisted reproduction</a>
                    <a href="./treatment.html?id=2">Fertility preservation</a>
                    <a href="./treatment.html?id=3">3rd party fertility options</a>
                    <a href="./treatment.html?id=4">Gamete transfer in and out</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./specialists.html">Specialists</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./specialists.html">Corporate advisor</a>
                    <a href="./specialists.html">International experts</a>
                    <a href="./specialists.html">Clinic specialists</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./process.html">Service</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./international.html">International patients</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./blog.html">Blog</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./blog.html">News</a>
                    <a href="./blog.html">Customer stories</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">Contact Us</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="">Customer services</a>
                            <a href="">Reservation Form</a>
                </div>
            </div>
        </div>

        <div class="search_dom">
            <div class="box">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none">
                        <circle cx="13.5" cy="13.5" r="12.5" stroke="#151515" stroke-width="2" />
                        <line x1="22.7071" y1="23.2929" x2="28.7071" y2="29.2929" stroke="#151515" stroke-width="2" />
                    </svg>
                </div>
                <div class="sr">
                    <input type="text" placeholder="Search by category or interest">
                    <a href="">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
                            <path d="M4.57129 15.497L11.4284 8.63986L4.57129 1.78271" stroke="#595959"
                                stroke-width="2.28571" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                    </a>
                </div>
                <div class="close">
                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                        <path d="M24 8L8 24" stroke="black" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M8 8L24 24" stroke="black" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                    </svg>
                </div>
            </div>
        </div>

        <div class="r_fixed">
            <a href="./contact.html">
                <img src="./images/ricon1.png" alt="">
            </a>
            <a href="">
                <img src="./images/ricon2.png" alt="">
            </a>
            <a id="goTop">
                <img src="./images/ricon3.png" alt="">
            </a>
        </div>

        <div class="section1">
            <a href="" class="back">
                < BACK TO BLOG</a>
                    <div class="t">This Area Is Used To Describe Your title</div>
                    <div class="t2">This Area Is Used To Describe Your Product’s Details. Tell</div>
                    <div class="html">
                        The content and text of news The content and text of news The content and text of news The
                        content and text of news The content and text of news The content and text of news The content
                        and text of news The content and text of news<br>

                        The content and text of news The content and text of news The content and text of news The
                        content and text of news The content and text of news The content and text of news The content
                        and text of news The content and text of news
                        The content and text of news The content and text of news The content and text of news The
                        content and text of news The content and text of news The content and text of news The content
                        and text of news The content and text of news<br>

                        The content and text of news The content and text of news The content and text of news The
                        content and text of news The content and text of news The content and text of news The content
                        and text of news The content and text of news
                        The content and text of news The content and text of news The content and text of news The
                        content and text of news The content and text of news The content and text of news The content
                        and text of news The content and text of news<br>

                        The content and text of news The content and text of news The content and text of news The
                        content and text of news The content and text of news The content and text of news The content
                        and text of news The content and text of news

                    </div>
                    <div class="pager">
                        <a href="" class="prev">
                            <svg xmlns="http://www.w3.org/2000/svg" width="25" height="26" viewBox="0 0 25 26"
                                fill="none">
                                <path
                                    d="M14.1111 19.9869C14.3428 19.986 14.5669 19.9036 14.7445 19.7539C14.8444 19.6696 14.9269 19.5662 14.9871 19.4498C15.0473 19.3334 15.084 19.2061 15.0953 19.0754C15.1065 18.9446 15.0921 18.8129 15.0526 18.6878C15.0132 18.5627 14.9497 18.4467 14.8656 18.3463L10.3938 13.0227L14.648 7.64108C14.7298 7.53857 14.7907 7.42079 14.8271 7.29453C14.8635 7.16827 14.8748 7.03601 14.8602 6.90535C14.8457 6.77469 14.8056 6.6482 14.7424 6.53317C14.6791 6.41814 14.5938 6.31682 14.4915 6.23504C14.3884 6.14477 14.2679 6.07692 14.1375 6.03574C14.0071 5.99456 13.8697 5.98095 13.7338 5.99575C13.5979 6.01055 13.4666 6.05345 13.348 6.12176C13.2294 6.19007 13.1261 6.2823 13.0446 6.39268L8.28821 12.4057C8.14334 12.585 8.06485 12.8094 8.06612 13.0405C8.06739 13.2716 8.14836 13.4951 8.29519 13.6729L13.2861 19.6322C13.3863 19.7524 13.5132 19.8471 13.6565 19.9088C13.7998 19.9704 13.9556 19.9971 14.1111 19.9869Z"
                                    fill="white" />
                            </svg>
                            <p>privious</p>
                        </a>
                        <div class="share">
                            <a href="">
                                <img src="./images/share1.png" alt="">
                            </a>
                            <a href="">
                                <img src="./images/share2.png" alt="">
                            </a>
                            <a href="">
                                <img src="./images/share3.png" alt="">
                            </a>
                            <a href="">
                                <img src="./images/share4.png" alt="">
                            </a>
                        </div>
                        <a href="" class="next">
                            <p>Next</p>
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                fill="none">
                                <path
                                    d="M9.99335 5.0018C9.76166 5.00135 9.53713 5.08254 9.35872 5.2313C9.25831 5.31506 9.17532 5.41793 9.11448 5.53402C9.05364 5.65011 9.01616 5.77714 9.00419 5.90782C8.99221 6.03851 9.00598 6.17029 9.0447 6.29562C9.08341 6.42094 9.14632 6.53735 9.22981 6.63818L13.6722 11.9863L9.38847 17.3444C9.3061 17.4465 9.24459 17.5639 9.20747 17.69C9.17036 17.8161 9.15837 17.9482 9.17219 18.079C9.18601 18.2097 9.22537 18.3364 9.28802 18.4518C9.35066 18.5672 9.43535 18.669 9.53721 18.7513C9.63981 18.8421 9.75996 18.9107 9.89012 18.9526C10.0203 18.9945 10.1576 19.0088 10.2936 18.9948C10.4295 18.9807 10.5611 18.9385 10.6801 18.8709C10.7991 18.8032 10.9029 18.7116 10.985 18.6016L15.7744 12.6149C15.9203 12.4364 16 12.2124 16 11.9813C16 11.7502 15.9203 11.5263 15.7744 11.3477L10.8164 5.36101C10.7169 5.24026 10.5905 5.14481 10.4475 5.0824C10.3045 5.01999 10.1489 4.99238 9.99335 5.0018Z"
                                    fill="white" />
                            </svg>
                        </a>
                    </div>
        </div>

        <div class="section2">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="./blogInfo.html">
                            <div class="pic">
                                <img src="./images/b1.png" alt="">
                            </div>
                            <div class="text">
                                <p class="p1">This Area Is Used To Describe Your title</p>
                                <div class="time">December 14, 2023</div>
                                <div class="des">
                                    Thanks to LRC, I have a lovely, healthy child.I love her more than anything.Thanks
                                    to LRC, I have a lovely, healthy child.I love her more than anything.
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="./blogInfo.html">
                            <div class="pic">
                                <img src="./images/b2.png" alt="">
                            </div>
                            <div class="text">
                                <p class="p1">This Area Is Used To Describe Your title</p>
                                <div class="time">December 14, 2023</div>
                                <div class="des">
                                    Thanks to LRC, I have a lovely, healthy child.I love her more than anything.Thanks
                                    to LRC, I have a lovely, healthy child.I love her more than anything.
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="./blogInfo.html">
                            <div class="pic">
                                <img src="./images/b3.png" alt="">
                            </div>
                            <div class="text">
                                <p class="p1">This Area Is Used To Describe Your title</p>
                                <div class="time">December 14, 2023</div>
                                <div class="des">
                                    Thanks to LRC, I have a lovely, healthy child.I love her more than anything.Thanks
                                    to LRC, I have a lovely, healthy child.I love her more than anything.
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="./blogInfo.html">
                            <div class="pic">
                                <img src="./images/b4.png" alt="">
                            </div>
                            <div class="text">
                                <p class="p1">This Area Is Used To Describe Your title</p>
                                <div class="time">December 14, 2023</div>
                                <div class="des">
                                    Thanks to LRC, I have a lovely, healthy child.I love her more than anything.Thanks
                                    to LRC, I have a lovely, healthy child.I love her more than anything.
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="section4">
            <div class="t">
                Make an <br>
                appointment<br>
                today
            </div>
            <a href="">
                <p>booking now</p>
                <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
                    <path
                        d="M14.99 7.50271C14.6425 7.50203 14.3057 7.62382 14.0381 7.84694C13.8875 7.97259 13.763 8.1269 13.6717 8.30103C13.5805 8.47517 13.5242 8.66571 13.5063 8.86174C13.4883 9.05777 13.509 9.25544 13.567 9.44343C13.6251 9.63141 13.7195 9.80603 13.8447 9.95726L20.5083 17.9795L14.0827 26.0167C13.9592 26.1697 13.8669 26.3459 13.8112 26.535C13.7555 26.7241 13.7375 26.9224 13.7583 27.1185C13.779 27.3146 13.8381 27.5046 13.932 27.6777C14.026 27.8508 14.153 28.0035 14.3058 28.127C14.4597 28.2632 14.6399 28.366 14.8352 28.4288C15.0304 28.4917 15.2365 28.5132 15.4404 28.4922C15.6443 28.4711 15.8417 28.4078 16.0201 28.3063C16.1986 28.2049 16.3543 28.0674 16.4774 27.9025L23.6616 18.9224C23.8804 18.6546 24 18.3187 24 17.972C24 17.6253 23.8804 17.2894 23.6616 17.0216L16.2246 8.04152C16.0754 7.86039 15.8858 7.71721 15.6713 7.6236C15.4568 7.52998 15.2234 7.48856 14.99 7.50271Z"
                        fill="white" />
                </svg>
            </a>
        </div>



        <div class="foot">
            <div class="dom1">
                <div class="l">
                    <div class="logo">
                        <img src="./images/logo.png" alt="">
                    </div>
                    <div class="icons">
                        <a href="">
                            <img src="./images/ficon1.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon2.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon3.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon4.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon5.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon6.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon7.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon8.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon9.png" alt="">
                        </a>
                    </div>
                </div>
                <div class="r">
                    <div class="item">
                        <div class="i">
                            <p>Understanding Fertility </p>
                            <div class="aList">
                                <a href="">Fertility assessment</a>
                                <a href="">About the clinic</a>
                            </div>
                        </div>
                        <div class="i">
                            <p>Blog</p>
                            <div class="aList">
                                <a href="">News</a>
                                <a href="">Customer stories</a>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="i">
                            <p> Treatment</p>
                            <div class="aList">
                                <a href="">Fertility testing</a>
                                <a href="">Fertility preservation</a>
                                <a href="">Assisted reproduction</a>
                                <a href="">Third-party assisted</a>
                            </div>
                        </div>
                        <div class="i">
                            <p>Contact Us</p>
                            <div class="aList">
                                <a href="">Customer services</a>
                                <a href="">Reservation Form</a>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="i">
                            <p> Specialists</p>
                            <div class="aList">
                                <a href="">Corporate advisor</a>
                                <a href="">International experts</a>
                                <a href="">Clinic specialists</a>
                            </div>
                        </div>
                        <div class="i">
                            <p>Other Country</p>
                            <div class="chose">
                                <div class="d1">
                                    <p>other country</p>
                                    <div class="btn">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="12"
                                            viewBox="0 0 15 12" fill="none">
                                            <path
                                                d="M7.1184 10.7352L1.07104 1.73998C1.02601 1.67293 1.00043 1.58157 0.99993 1.486C0.999434 1.39044 1.02406 1.29848 1.0684 1.23038C1.11273 1.16227 1.17314 1.12359 1.23633 1.12284C1.29952 1.12208 1.36032 1.15933 1.40536 1.22638L7.2845 9.97198L13.1425 1.11438C13.1643 1.07901 13.1906 1.05064 13.2198 1.03096C13.249 1.01129 13.2805 1.00071 13.3124 0.999853C13.3444 0.999001 13.3762 1.00789 13.4058 1.026C13.4354 1.0441 13.4624 1.07105 13.485 1.10524C13.5076 1.13942 13.5254 1.18014 13.5374 1.22497C13.5493 1.2698 13.5552 1.31781 13.5547 1.36615C13.5541 1.41449 13.5471 1.46216 13.5341 1.50632C13.5211 1.55048 13.5023 1.59022 13.4789 1.62318L7.45378 10.7336C7.40933 10.8007 7.34913 10.8386 7.28631 10.8389C7.22349 10.8392 7.16313 10.8019 7.1184 10.7352Z"
                                                fill="white" stroke="white" />
                                        </svg>
                                    </div>
                                </div>
                                <div class="d2">
                                    <a href="">1</a>
                                    <a href="">2</a>
                                    <a href="">3</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="i">
                            <p>Service</p>
                            <div class="aList">
                                <a href="">International patients</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="dom2">
                <p>© 2023. LRC LEGEND FERTILITY CENTER.  All rights reserved. </p>
                <div class="r">
                    <a href="" class="a1">
                        Disclaimer
                    </a>
                    <a href="" class="a1">
                        Privacy
                    </a>
                    <a href="" class="buy">
                        booking now
                    </a>
                </div>
            </div>
        </div>


    </div>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/countUp.js"></script>
    <script>
        new WOW().init();
        var swiper = new Swiper('.section2 .swiper-container', {
            speed: 1000,
            init: true,
            loop: false,
            slidesPerView: 1,
            spaceBetween: '3%',
            autoplay: {
                delay: 3000,
                stopOnLastSlide: false,
                disableOnInteraction: true,
            },
            breakpoints: {
                1024: {  //当屏幕宽度大于等于1280
                    slidesPerView: 3,
                }
            }
        });
    </script>
</body>

</html>